<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Design</title>
<style type="text/css">
#background {
	background-image: url(background/background.png);
	height: 1500px;
	width: 1366px;
	margin-top: -8px;
	margin-right: -10px;
	margin-bottom: -10px;
	margin-left: -10px;
}			
#background #boss_bg {
	background-color: #FFF;
	height: 300px;
	width: 1366px;
	margin-top:2px;
	box-shadow: 0px 0px 5px #444;
}
#background #top {
	background-image: url(background/top_bg.png);
	height: 185px;
	width: 1366px;
	box-shadow:0px 0px 40px #000;
}
#background #container {
	background-image: url(background/container_bg.png);
	margin-right: auto;
	margin-left: auto;
	height: 1015px;
	width: 1166px;
	margin-top: 2px;
	text-align: center;	
}
#logo{
	margin-left:30px;
	margin-top:20px;
	}
	#button_dienthoai{
		margin-left: 40px;
		margin-top:  10px;
		}
		#button_laptop{
			margin-left: 40px;
			margin-top: 8px;
			margin-bottom:25px;
			}
			#button_maytinhbang{
				margin-left: 40px;
				margin-top: 15px;
				}
				#button_phukien{
					margin-left: 40px;
					margin-top: 15px;
					margin-bottom:20px;
					}
					#button_thanhvien{
						padding-bottom:100px;
						margin-left: 60px;
						
						}
						#button_tragop{
							padding-bottom:100px;
							margin-left: 20px;
							
							}
							#button_thongtin{
								padding-bottom:100px;
								margin-left: 20px;
								
								}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
</script>
</head>

<body onload="MM_preloadImages('background/logo.png','im_top/dienthoai_im1.png','im_top/laptop_im1.png','im_top/maytinhbang_im1.png','im_top/phukien_im1.png','im_top/thanhvien_im1.png','im_top/tragop_im1.png','im_top/thongtin_im1.png')">
<div id="background">
 
  <div id="top"> <a href="web_design.html" onmouseout="MM_swapImgRestore()" 
  onmouseover="MM_swapImage('logo','','background/logo.png',1)"> <img src="background/logo.png" width="189" height="146" id="logo" /></a> <a href="http://www.google.com" onmouseout="MM_swapImgRestore()" 
  onmouseover="MM_swapImage('button_dienthoai','','im_top/dienthoai_im1.png',1)"> <img src="im_top/dienthoai_im.png" width="134" height="134" id="button_dienthoai" /></a> <a href="http://www.google.com" onmouseout="MM_swapImgRestore()" 
  onmouseover="MM_swapImage('button_laptop','','im_top/laptop_im1.png',1)"> <img src="im_top/laptop_im.png" width="151" height="151" id="button_laptop" /></a> <a href="http://www.google.com" onmouseout="MM_swapImgRestore()" 
  onmouseover="MM_swapImage('button_maytinhbang','','im_top/maytinhbang_im1.png',1)"> <img src="im_top/maytinhbang_im.png" width="142" height="142" id="button_maytinhbang" /></a> <a href="http://www.google.com" onmouseout="MM_swapImgRestore()" 
  onmouseover="MM_swapImage('button_phukien','','im_top/phukien_im1.png',1)"> <img src="im_top/phukien_im.png" width="130" height="130" id="button_phukien" /></a> <a href="http://www.google.com" onmouseout="MM_swapImgRestore()" 
  onmouseover="MM_swapImage('button_thanhvien','','im_top/thanhvien_im1.png',1)"> <img src="im_top/thanhvien_im.png" width="70" height="70" id="button_thanhvien" /></a> <a href="Form.html" onmouseout="MM_swapImgRestore()" 
  onmouseover="MM_swapImage('button_tragop','','im_top/tragop_im1.png',1)"> <img src="im_top/tragop_im.png" width="70" height="70" id="button_tragop" /></a> <a href="http://www.google.com" onmouseout="MM_swapImgRestore()" 
  onmouseover="MM_swapImage('button_thongtin','','im_top/thongtin_im1.png',1)"> <img src="im_top/thongtin_im.png" width="70" height="70" id="button_thongtin" /></a> </div>
  <div id="container">
    <center></center>
    <form id="form1" name="form1" method="get" action="">
      <label for="textfield">Tìm kiếm:</label>
      <input type="text" name="textfield" id="textfield" width="800" />
    </form>
    <p>&nbsp;</p>
    <table width="1168" height="207" border="0">
      <h3 id="tab_dienthoai">ĐIỆN THOẠI</h3>
    
      <tr>
        <td height="203">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
  </table>
  
 
  </div>
  <div id="boss_bg"></div>
</div>											
</body>
</html>
